@import 'katex/dist/katex.min.css';

.katex {
  font-size: 1.1em !important;
  padding: 0 0.2em;
  
  .mathnormal {
    font-size: 1em;
  }
}

.katex-display {
  margin: 1em 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0.5rem 0;

  > .katex {
    white-space: pre-wrap !important;
  }
}

@media (max-width: 768px) {
  .katex {
    font-size: 0.9em !important;
    
    .mfrac > span > span {
      font-size: 80%;
    }
  }
}